<template>
  <div>
    <h1>Music----Time{{time}}</h1>
    <ul>
        <li v-for="item in list" :key="item">{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
    name:'Music',
    props:['id','time'],
    computed:{
        list(){
            switch (this.id) {
                case '1':
                    return ['华语1','华语2','华语3']
                case '2':
                    return ['粤语1','粤语2','粤语3']
                case '3':
                    return ['英语1','英语2','英语3']
                default:
                    return []
            }
        }
    }
}
</script>

<style>

</style>